// 单个图表 宽度和高度
$chart-width: 100%;
$chart-height: 100%;
// 图表实例布局样式
.chart-container {
  width: 100%;
  display: flex;
  flex-direction: row;

  .side-item {
    width: 100%;
  }

  .chart-item {
    flex: 1;
    height: 490px;
    padding: 10px;
  }
}
html, body {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
}

#app_container {
  margin: 0;
  padding: 0;
  height: 100vh;
  background-color: #1F2327;
  color: #fff;

  #dv-full-screen-container {
    // 全屏容器可在此处设置背景图片
  }
}

#data-view {
  width: calc(100vw - 150px);
  height: calc(100vh - 60px);
  color: #fff;
  display: flex;
  flex-direction: column;

  .chart-row, .chart-col {
    width: 100%;
    height: 100%;
    display: flex;
    flex: 1;
    justify-content: space-between;
  }


  .chart-row {
    flex-direction: row;
  }

  .chart-col {
    flex-direction: column;
  }
}
